<template>
    <div>
        <div>
            <el-radio v-model="radio" label="1">张飞</el-radio>
            <el-radio v-model="radio" label="2">赵云</el-radio>
            <el-radio v-model="radio" label="3">吕布</el-radio>
        </div>

        <div class="box2">
            <el-radio-group v-model="radioTreaty" @change="agreeChange">
                <el-radio label="1" border>不同意</el-radio>
                <el-radio label="2" border>同意</el-radio>
            </el-radio-group>
        </div>
    </div>
</template>

<script>
export default {
    name: 'radioform',

    data() {
        return {
            radio: '1',
            radioTreaty: '1'
        };
    },

    mounted() {
        
    },

    methods: {
        agreeChange(val) {
            // let that = this
            let ok = (val==='1')?true:false
            console.log("ok",ok)
        }
    },
};
</script>

<style scoped>
.box2 {
    margin-top: 20px;
}
</style>